<template>
        <div class="newsList">
            <ul>
                <!--<li v-for="item in dataList">-->
                    <!--<a href="conText.html">-->
                        <!--<h2>{{item.title}}</h2>-->
                        <!--<p>{{item.detail}}</p>-->
                    <!--</a>-->
                <!--</li>-->
                <li>
                    <a href="conText.html">
                        <h2>我是标题我是标题我是标题我是标题我是标题我是标题</h2>
                        <p>我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容</p>
                    </a>
                </li>
                <li>
                    <a href="conText.html">
                        <h2>我是标题我是标题我是标题我是标题我是标题我是标题</h2>
                        <p>我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容</p>
                    </a>
                </li>
                <li>
                    <a href="conText.html">
                        <h2>我是标题我是标题我是标题我是标题我是标题我是标题</h2>
                        <p>我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容</p>
                    </a>
                </li>
                <li>
                    <a href="conText.html">
                        <h2>我是标题我是标题我是标题我是标题我是标题我是标题</h2>
                        <p>我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容</p>
                    </a>
                </li>
                <li>
                    <a href="conText.html">
                        <h2>我是标题我是标题我是标题我是标题我是标题我是标题</h2>
                        <p>我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容我是段落内容段落内容</p>
                    </a>
                </li>
            </ul>
        </div>
</template>
<script>
    export default{
        data(){
            return {
                dataList: [],
            }
        },
        mounted(){
            this.getData()
        },
        methods: {
            /*获取数据*/

            getData(){
                var that = this
                this.$http.get('src/data/follow.data').then(function (res) {
                    that.dataList = res.data
                })

            },


        }
    }
</script>
<style scoped>
    .newsList ul {
        padding: 0 0.4rem;
    }

    .newsList ul li {
        color: #494d4d;
        padding: 0.2rem 0;
        border-bottom: 1px dashed #ccc;
    }

    .newsList ul li h2 {
        max-height: 0.9rem;
        font-size: 0.33rem;
        overflow: hidden;
    }

    .newsList ul li p {
        max-height: 1.8rem;
        margin-top: 0.05rem;
        overflow: hidden;
    }
</style>